<!-- 历史收益 -->
<template>
  <view>
    <view class="wrap">
      <u-row gutter="16" >
        <u-col span="2.0">
          <view class="demo-layout bg-purple-dark title">结算币</view>
        </u-col>
        <u-col span="3.2">
          <view class="demo-layout bg-purple-dark title ">日期</view>
        </u-col>
        <u-col span="2.4">
          <view class="demo-layout bg-purple-dark title">利润</view>
        </u-col>
        <u-col span="2">
          <view class="demo-layout bg-purple-dark title">出单数</view>
        </u-col>
        <u-col span="2.4">
          <view class="demo-layout bg-purple-dark title">成交额</view>
        </u-col>
      </u-row>
      <u-row gutter="20" justify="space-between" v-for="i in 10">
        <u-col span="2.0">
          <view class="demo-layout bg-purple-light">USDT</view>
        </u-col>
        <u-col span="3.2">
          <view class="demo-layout bg-purple-light">2021-08-15</view>
        </u-col>
        <u-col span="2.4">
          <view class="demo-layout bg-purple-light">0.9305</view>
        </u-col>
        <u-col span="2">
          <view class="demo-layout bg-purple-light">2</view>
        </u-col>
        <u-col span="2.4">
          <view class="demo-layout bg-purple-light">233.35</view>
        </u-col>
      </u-row>
      <u-row gutter="16">
        <u-col span="2.4">
          <view class="demo-layout bg-purple-light s">USDT</view>
        </u-col>
        <u-col span="2.4">
          <view class="demo-layout bg-purple-light s">合计</view>
        </u-col>
        <u-col span="2.8">
          <view class="demo-layout bg-purple-light s">5266441</view>
        </u-col>
        <u-col span="2">
          <view class="demo-layout bg-purple-light s">10</view>
        </u-col>
        <u-col span="2.4">
          <view class="demo-layout bg-purple-light s">85464565</view>
        </u-col>
      </u-row>
    </view>
    <!-- <u-tabbar :list="tabbarArr" :mid-button="true" bg-color="#101334"></u-tabbar> -->
  </view>
</template>

<script>
import {mapState,mapMutations} from "vuex";
export default {
  data () {
    return {
    };
  },

  components: {},

  computed:{
			...mapState('tabbar', ['tabbarArr']),
	},

  mounted() {},

  methods: {}
}

</script>
<style lang='scss' scoped>
  .wrap {
		padding: 10rpx 0;
    font-size: 28rpx;
    font-family: DINPro;
    font-weight: 500;
    color: #333333;
    .title {
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #666666;
    }
    .s {
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #1488FF;
      // background: #F4F6F8;
      border-radius: 12rpx;
      // padding: 0 20rpx;
    }
	}
  .u-row {
		margin: 30rpx 0;
	}
  .bg-purple-dark {
    font-size: 28rpx;
    font-weight: 600;
    /* background: #99a9bf; */
  }
  .bg-purple-light {
		// background: #e5e9f2;
	}
</style>